<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<link rel="stylesheet" href="css/rest.css" />
	<link rel="stylesheet" href="css/style.css" />
	<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
	<script>
		$(function(){
			var page = 1;
			var i = 4; 
			$("span.next").click(function(){
				var $parent = $(this).parents("div.v_show");
				var $v_show = $parent.find("div .v_content_list");
				var $v_content= $parent.find("div.v_content");
				var v_width = $v_content.width();
				var len = $v-show.find("li").length;
				var page_count = Math.ceil(len / i);
				if(page == page_count)
				{$v_show.animate({left:'0px'}."slow");
			}else{$v_show.animate({left:'-='+v_width},"slow");
			page++;
				}
			$paren.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
			
			)};
			})
	</script>
	<body>
		<div class="v_show">
			<div class="v_caption">
				<h2 class="cartoon" title="卡通动漫">卡通动漫</h2>
				<div class="highlight_tip">
					<span class="current">1</span><span>2</span><span>3</span><span>4</span>
				</div>
				<div class="change_btn">
					<span class="prev">上一页</span>
					<span class="next">下一页</span>
				</div>
				<em><a href="#">更多>></a></em>
			</div>
			<div class="v_content">
				<div class="v_content_list">
					<ul>
						<li><a href="#"><img src="img/abv.jpg" alt="麦阿芒"></a>
							<h4><a href="#">麦阿芒</a></h4>
							<span>播放：<em>28,276</em></span>
						</li>
						<li><a href="#"><img src="img/abv.jpg" alt="麦阿芒"></a>
							<h4><a href="#">麦阿芒</a></h4>
							<span>播放：<em>28,276</em></span>
						</li>
						<li><a href="#"><img src="img/abv.jpg" alt="麦阿芒"></a>
							<h4><a href="#">麦阿芒</a></h4>
							<span>播放：<em>28,276</em></span>
						</li>
						<li><a href="#"><img src="img/abv.jpg" alt="麦阿芒"></a>
							<h4><a href="#">麦阿芒</a></h4>
							<span>播放：<em>28,276</em></span>
						</li>
						<li><a href="#"><img src="img/abv.jpg" alt="麦阿芒"></a>
							<h4><a href="#">麦阿芒</a></h4>
							<span>播放：<em>28,276</em></span>
						</li>
						<li><a href="#"><img src="img/abv.jpg" alt="麦阿芒"></a>
							<h4><a href="#">麦阿芒</a></h4>
							<span>播放：<em>28,276</em></span>
						</li>
						<li><a href="#"><img src="img/abv.jpg" alt="麦阿芒"></a>
							<h4><a href="#">麦阿芒</a></h4>
							<span>播放：<em>28,276</em></span>
						</li>
						<li><a href="#"><img src="img/abv.jpg" alt="麦阿芒"></a>
							<h4><a href="#">麦阿芒</a></h4>
							<span>播放：<em>28,276</em></span>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
